<script lang="ts" setup>
interface Prop {
  title: string
}
const prpos = defineProps<Prop>()
</script>

<template>
  <section>
    <h2>{{ prpos.title }}</h2>
    <slot></slot>
  </section>
</template>

<style scoped lang="scss">
section {
  h2 {
    @apply bg-white m-3 p-3 rounded-lg;
    @apply text-slate-700 text-sm mb-2 opacity-80;
  }
}
</style>
